<template>
	<view class="ce">
	    <image src="@/static/image/load.png" class="icon" v-if="!loadmore"></image>
	    <view class="loads">{{loadmore?'我是有底线的~':'正在加载中...'}}</view>
	</view>
</template>

<script>
	export default{
		props:{
			loadmore:{
				type:Boolean,
				default:false
			}
		}
	}
</script>

<style scoped lang="scss">
.loads{
  font-size:28upx;
  color: #707070;
  box-sizing: border-box;
  text-align: center;
}
.icon{
  width: 40upx;
  height: 40upx;
  animation:turn 1s linear infinite; 
  margin-right: 10upx;
}
@keyframes turn{
  0%{-webkit-transform:rotate(0deg);}
  25%{-webkit-transform:rotate(90deg);}
  50%{-webkit-transform:rotate(180deg);}
  75%{-webkit-transform:rotate(270deg);}
  100%{-webkit-transform:rotate(360deg);}
}
.ce{
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 80upx;
}
</style>
